<template>
  <div class="nav1">
    <div class="navin" v-for="item in navresult"><img :src="item.imgUrl"/><span v-text="item.name"></span></div>
  </div>
</template>

<script>

export default {
  name: 'nav1',
  props : [''],
  data () {
    return {
      navresult:[],
    }
  },
  methods : {
    
  },
  mounted(){
      this.navresult = [
        {"name":"定点医保","imgUrl":"../../static/img/home_yibao.png"},
        {"name":"在线选药","imgUrl":"../../static/img/home_xuanyao.png"},
        {"name":"送药上门","imgUrl":"../../static/img/home_songyao.png"},
        {"name":"药师服务","imgUrl":"../../static/img/home_yaoshi.png"}
      ]
  }
}

</script>

<style lang="scss" scoped>
  .nav1{
    margin-top: 0.8rem;
    .navin{
      width: 25%;
      font-size: 0.8rem;
      display: inline-block;
    }
    span{
      height:100%;
      display:inline-block;
      vertical-align: middle;
    }
    img{
      width: 1.5rem;
      margin-right: 5px;
      vertical-align: middle;
    }
  }
</style>
